<script type="text/javascript" src="${basePath}/js/tds-alarm.js"></script>
<script type="text/javascript">
$(document).ready(function() {
	$('#alarmMessage').ajaxpager({
		target : '#list'
	}); 
});
</script>
<div class="row main_right_content" id="clusterSummary">
<form id="screenMessage" name="screenMessage" action="${basePath}/system/alarm/screen">
	<div class="main_right_searchbar" style="height:auto;margin-right: 4px; margin-left: 4px;"></div>
 	<div class="xm_moresearch" >
		<div class="xm_moresearchin ofh" style="height:50px;line-height:50px;">
			<table border="0" cellspacing="0" cellpadding="0" style="width:100%" calss="">
				<tr class="model_search">
					<td class="model_serachlable"><@spring.message code='alarm.name'/>:</td>
					<td class="model_serachtxt"><select id="node" name="hostname" class="sels" onchange="alarm.screen()">
						<#list hostNames as hostName>
						<option>${hostName}</option>
						</#list>
						</select>
					</td>
					
					<!-- <td class="model_serachlable">Ip:</td>
					<td class="model_serachtxt"><select id="ip">
							<#list ip as x>
							<option>${x}</option>
							</#list>
							</select></td> -->
					<td class="model_serachlable"><@spring.message code='alarm.type'/>:</td>
					<td class="model_serachtxt"><select id="type" name="type" class="sels" onchange="alarm.screen()">
						<#list alarmTypes as alarmType>
						<#if alarmType==-1>
						<option></option>
						<#else>
								<#if type==alarmType>
								<option value="${alarmType}" selected="selected"><@spring.message code='alarm.type${alarmType}'/></option>
								<#else>
								<option value="${alarmType}"><@spring.message code='alarm.type${alarmType}'/></option>
								</#if>
						</#if>
						</#list>
						</select>
					</td>
					
					<td class="model_serachlable"><@spring.message code='alarm.beginTime'/>:</td>
					<td class="model_serachtxt">
						<@date name="begintime" before="endtime" value="" width="140" callback="alarm.screen"/>
					</td>
					<td class="model_serachlable"><@spring.message code='alarm.endTime'/>:</td>
					<td class="model_serachtxt">
						<@date name="endtime" after="begintime" value="" width="140" callback="alarm.screen"/>
					</td>
					
					<!-- <td class="model_serachlable"><@spring.message code='alarm.importance'/>:</td> -->
					<td class="model_serachtxt"><select id="importance" name="importance" class="sels" onchange="alarm.screen()">
							<option value=-1>- -<@spring.message code='threshold.importance'/>- -</option>
							<#-- <option value=0><@spring.message code='threshold.invalid'/></option> -->
							<option value=1><@spring.message code='threshold.low'/></option>
							<option value=2><@spring.message code='threshold.middle'/></option>
							<option value=3><@spring.message code='threshold.high'/></option
						</select>
					</td>
					<td class="model_serachtxt"><select id="history" name="history" class="sels" onchange="alarm.screen()">
							<option value=0 selected="selected" ><@spring.message code='alarm.unread'/></option>
							<option value=1><@spring.message code='alarm.history'/></option>
						</select>
					</td>
					
				</tr>
			</table>
		</div>
	</div>
	</form>
	<form id="alarmMessage" action="${basePath}/system/alarm/list"
		method="get">
		<input type="hidden" name="typeForPager" value=${type}>
		<div id="list" style="margin-top:10px;"></div>
	</form>
	
	<div id="screenMessageDialog" ></div>
	
</div>